﻿import QtQuick 2.4

Item
{

    id:root
    property bool mouseLeftClicked:false
    property int space:20
    property int right1:10
    property int right2:15
    property int right3:20
    property int iflag:0
    property int select:1
    //判断全球的状态值
    property  bool  sta :false
    width:363
    height:130
    onMouseLeftClickedChanged:
    {
        if(mouseLeftClicked)
        {
            switch(select)
            {
            case 1:
               hideOther(1)
                 break
            case 2:
                hideOther(2)
                  break
            case 3:
                hideOther(3)
                  break
            }
            mouseLeftClicked=false
        }
    }
//    Image
//    {
//        id:companyName
//        source:"./切图/尾/公司名.png"
//        width:root.width/363*97
//        height:33
//        anchors.right: parent.right
//        anchors.rightMargin:10
//        anchors.bottom: parent.bottom
//        anchors.bottomMargin:10
//    }
//    Image
//    {
//        id:legend
//        source:"./切图/尾/渐变尺.png"
//        anchors.right:parent.right
//        anchors.rightMargin: 10
//        anchors.bottom:parent.bottom
//        anchors.bottomMargin: space
//    }
//    Image
//    {
//        id:globe
//        //source:"./切图/尾/数字地球.png"
//        source:"./切图/尾/数字地球点击.png"
//        anchors.bottom: parent.bottom
//        anchors.bottomMargin: space
//        anchors.right:legend.left
//        anchors.rightMargin:right1
////        anchors.r
//        z:3
//        MouseArea//数字地球
//        {
//            id:globeArea
//            anchors.fill:globe
//            onPressed:  globe.source="./切图/尾/数字地球触碰.png"
//            onReleased: globe.source="./切图/尾/数字地球.png"
//            onClicked:
//            {
//                if (sta === false)
//                {
//                    showAll()
//                    selectOne(1)
//                    sta = true
//                }else
//                {
//                    colseAll()
//                    selectOne(1)
//                    sta = false
//                    mainApp.slotShowWindow(2)
//                }


//                //TODO
//            }
//        }
//    }

//    Image
//    {
//        id:chartStatistic
//        source:"./切图/尾/二维地图.png"
//        anchors.bottom: parent.bottom
//        anchors.bottomMargin: space
//        anchors.right:legend.left
//        anchors.rightMargin:right2
//        z:2
//        enabled:false
//        MouseArea//图标统计
//        {
//            id:chartStatisticArea
//            anchors.fill:chartStatistic
//            onPressed:  chartStatistic.source="./切图/尾/触碰向上.png"
//            onReleased: chartStatistic.source="./切图/尾/二维地图.png"
//            onClicked:
//            {
////                showAll()
//                selectOne(2)
//                //TODO
//               mainApp.openWeb();
//            }
//        }
//    }
//    Image
//    {
//        id:tableSearch
//        source:"./切图/尾/表格查询.png"
//        anchors.bottom: parent.bottom
//        anchors.bottomMargin: space
//        anchors.right:legend.left
//        anchors.rightMargin:right3
//        z:1
//        enabled:false
//        MouseArea//表格查询
//        {
//            id:tableSearchArea
//            anchors.fill:tableSearch
//            onPressed:  tableSearch.source="./切图/尾/表格查询触碰.png"
//            onReleased: tableSearch.source="./切图/尾/表格查询.png"
//            onClicked:
//            {
////                showAll()
//                mainApp.slotShowWindow(1)
//                //TODO
//            }
//        }
//    }
//    NumberAnimation on right1
//    {
//        id:open1
//        to:10
//        duration:500;
//        running:false
//        easing.type:Easing.InCubic
//    }
//    NumberAnimation on right2
//    {
//        id:open2
//        to:100
//        duration:500;
//        running:false
//        easing.type:Easing.InCubic
//    }
//    NumberAnimation on right3
//    {
//        id:open3
//        to:200
//        duration:500;
//        running:false
//        easing.type:Easing.InCubic
//    }

//    NumberAnimation on right2
//    {
//        id:close2
//        to:15
//        duration:500;
//        running:false
//        easing.type:Easing.OutCubic
//    }

//    NumberAnimation on right3
//    {
//        id:close3
//        to:20
//        duration:500;
//        running:false
//        easing.type:Easing.OutCubic
//    }
//    NumberAnimation on right1
//    {
//        id:close1
//        to:10
//        duration:500;
//        running:false
//        easing.type:Easing.OutCubic
//    }

//    function showAll()
//    {
//        open2.start()
//        open3.start()
//        open1.start()
//        globe.z=chartStatistic.z=tableSearch.z=1
//        chartStatistic.enabled=tableSearch.enabled=globe.enabled=true

//    }
//    function colseAll()
//    {

//        close3.start()
//        close2.start()
//        close1.start()
//        globe.z=3
//        chartStatistic.z = 2
//        tableSearch.z = 1
////        globe.z=chartStatistic.z=tableSearch.z=2
////        chartStatistic.enabled=tableSearch.enabled=globe.enabled=false


//    }

//    function hideOther(x)
//    {

//        switch(x)
//        {
//        case 1:
//            close3.to=10;close2.to=5;close1.to=0;
//            close3.start();close2.start();close1.start()
//            globe.z=3;chartStatistic.z=2;tableSearch.z=1
//            chartStatistic.enabled=false;tableSearch.enabled=false;
//            break;
//        case 2:
//            close3.to=5;close2.to=0;close1.to=10;
//            close3.start();close2.start();close1.start()
//            globe.z=3;chartStatistic.z=3;tableSearch.z=2
//            globe.enabled=false;tableSearch.enabled=false;
//            break;
//        case 3:
//            close3.to=0;close2.to=10;close1.to=5;
//            close3.start();close2.start();close1.start()
//            globe.z=2;chartStatistic.z=1;tableSearch.z=3
//            chartStatistic.enabled=false;globe.enabled=false;
//            break;
//        default:
//            break;
//        }

//    }



//    function selectOne(x)
//    {
//        if(x===1)
//        {
//            select=1
//            globe.source="./切图/尾/数字地球点击.png"
//            chartStatistic.source="./切图/尾/二维地图.png"
//            tableSearch.source="./切图/尾/表格查询.png"
//        }
//        if(x===2)
//        {
//            select=2
//            globe.source="./切图/尾/数字地球.png"
//            chartStatistic.source="./切图/尾/二维地图点击后.png"
//            tableSearch.source="./切图/尾/表格查询.png"
//        }
//        if(x===3)
//        {
//            select=3
//            globe.source="./切图/尾/数字地球.png"
//            chartStatistic.source="./切图/尾/二维地图.png"
//            tableSearch.source="./切图/尾/表格查询点击.png"
//        }
//    }
//    function colseDetection()
//    {
//        if (globeArea.containsMouse ===true || chartStatisticArea.containsMouse ===true ||tableSearchArea.containsMouse ===true)
//        {
//        }else
//        {
//            colseAll()
//            selectOne(1)
//            sta = false
//        }
//    }

}

